<template>
  <div class="home">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item>主页</el-breadcrumb-item>
      <el-breadcrumb-item style="font-weight: 700; color: #515a6e"
        >桌面</el-breadcrumb-item
      ><br >
      <el-card class="box-card">
        <h3>社区统计</h3>
        <el-row :gutter="12">
          <el-col :span="6">
            <el-card shadow="hover">
              <ul type="none">
                <li>今日注册用户</li>
              </ul>
              <p>0</p>
            </el-card>
          </el-col>
          <el-col :span="6">
            <el-card shadow="hover">
              <ul type="none">
                <li>用户总数</li>
              </ul>
              <p>0</p>
            </el-card>
          </el-col>
          <el-col :span="6">
            <el-card shadow="hover">
              <ul type="none">
                <li>今日发帖数</li>
              </ul>
              <p>0</p>
            </el-card>
          </el-col>
          <el-col :span="6">
            <el-card shadow="hover">
               <ul type="none">
                <li>发帖总数</li>
              </ul>
              <p>0</p>
            </el-card>
          </el-col>
        </el-row>
      </el-card>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  name: "HomeView",
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss">
.el-breadcrumb .el-card {
  margin-top: 30px;
  height: 800px;
}
.el-breadcrumb__item {
    line-height: 2;
}
.el-breadcrumb .el-card h3 {
  text-align: left;
}
.el-row .el-col .el-card {
  height: 100px;
}
.el-row .el-col .el-card p {
  font-weight: 700;
  font-size: 24px;
}
.box-card p{
  text-align:center !important;
  margin-top: 5px;
}
.box-card li{
  color:#5E5A6E;
  text-align:center !important;
}
</style>
